<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org"
      layout:decorator="layout/pc_master">
<div layout:fragment="content" class="section page-content">
    <link rel="stylesheet" href="/pc/css/center/account/index.css">
    <!-- s: 导航 -->
    <div class="breadcrumb-wrap">
        <div class="layui-main clearfix">
            <div class="breadcrumb">
                <a href="/">首页</a> - <a href="/center">用户中心</a> - 钱包
            </div>
        </div>
    </div>
    <!-- e: 导航 -->
    <div class="section page-content">
        <div class="layui-main clearfix">

         <div th:include="layout/center_left :: center_left" class="manage-aside"></div>

            <div class="manage-main">
                <ul class="layui-nav nav main-nav">
                    <li class="layui-nav-item layui-this">
                        <a href="/center/account">
                            钱包
                        </a>
                    </li>

                    <li class="layui-nav-item">
                        <a href="/center/account/details">
                            收支明细
                        </a>
                    </li>

                    <li class="layui-nav-item">
                        <a href="/center/account/withdrawal">
                            提现
                        </a>
                    </li>

                    <li class="layui-nav-item">
                        <a href="/center/account/exchange">
                            兑换
                        </a>
                    </li>
                    <span class="layui-nav-bar" style="left: 59.5px; top: 57px; width: 0px; opacity: 0;"></span></ul>

                <div class="main-content">

                    <div class="currency_lists">
                        <div class="item">
                            <div class="title">现金</div>
                            <div class="num">[[${bcFinances.money}]]  <span class="unit">元</span></div>

                            <a class="detail" href="/center/account/details?currency_type=1">收支明细</a>
                        </div>
                        <div class="item">
                            <div class="title">喜糖</div>
                            <div class="num"> [[${#numbers.formatInteger(bcFinances.candyPrice,0)}]] <span class="unit">颗</span></div>
                            <a class="detail " href="/center/account/deposit/candy">充值</a>
                        </div>
                    </div>

                    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 100px;">
                        <legend>充值喜糖</legend>
                    </fieldset>
                    <style type="text/css">
                        .depositbox { overflow: hidden; padding: 30px 80px; }
                        .depositbox .item { margin-top: 20px; line-height: 30px; padding: 30px 40px; position: relative; background-color: #F8F8F8; border-radius: 10px; font-size: 20px; }
                        .depositbox .item .rig { position: absolute; right: 0; top: 0; padding: 30px 40px; }
                        .depositbox .item .rig .btn { display: block; }
                        .depositbox .item .cent { position: absolute; right: 150px; top: 0; padding: 30px; color: #F60; }
                    </style>
                    <div class="depositbox">
                        <div class="ub item" th:each="item:${sugerList}">
                            <div class="ub-f1 lef">
                                [[${item.key}]] 颗喜糖
                            </div>
                            <div class="cent">
                                ￥[[${item.value}]]
                            </div>
                            <div class="rig">
                                <a class="btn btn-sm" th:href="'/center/account/recharge?type=candy&amp;source=pc&amp;money='+${item.value}">
                                    购买
                                </a>
                            </div>
                        </div>

                    </div>
                    <div style="height: 50px;"></div>

                    <hr>

                    <p style="color: #999">
                        充值即视为同意
                        <a class="_color" target="_blank" href="/common/about/rechargeagreement">
                            《
                            <u>
                                用户充值协议
                            </u>
                            》
                        </a>
                        <br>
                        喜糖仅用于打赏，不能提现或退款~
                    </p>

                </div>

            </div>

        </div>
    </div>




</div>
<div layout:fragment="contentFooter">
</div>
</html>